<template>
	<div>
		<div class="item9">
			<div class="title">
				<div class="line" />
				<div>{{ title }}</div>
			</div>
			<slot />
		</div>
	</div>
	
</template>
<script>
export default {
  name: '',
	props: {
		title: String
	},
  data() {
    return {
    
    }
  }
}
</script>
<style lang="scss" scoped>
.item9 {
	padding: 20px 20px;
	background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
	linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
	linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
	linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
	linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
	linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
	linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
	linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
	background-size: 4px 20px, 20px 4px, 4px 20px, 20px 4px;
	border: 1px solid #073F97;
	position: relative;
	background-color: rgba(24, 40, 66, .8);
}
.title {
	display: flex;
	//justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	> div {
		//background:#05286C;
		font-size: 16px;
		//padding: 4px;
		//border-radius: 0 0 10px 10px;
	}
	
}

.line {
	width: 3px;
	height: 20px;
	background-color: #2CD5FF;
	margin-right: 10px;
}
</style>